<%@page language="java" contentType="text/html; charset=UTF-8"%>
<%
	String pageTitle = "INDEX";
%>
<jsp:include page="header.jsp"></jsp:include>
<style type="text/css">
	.productList {
	    width: 980px;
	    margin: 0px auto;
	    background: linear-gradient(to bottom, #EFEFEF 0, #FFFFFF 100%);
	}
	.productList ul {
	    list-style-type: none;
	}
	.productList ul li.product {
	    float: left;
	    height: 260px;
	    width: 200px;
	    margin-left: 60px;
	    margin-top: 60px;
	}
	.product img {
	    height: 200px;
	    width: 200px;
	}
	.product p {
	    height: 30px;
	    line-height: 30px;
	    font-size: 12px;
	    text-align: center;
	    color: #fff;
	    background: #9e0005;
	    overflow: hidden;
	}
	.product p:last-child {
	    background: #3c3c3c;
	}
	.productList ul li.product:nth-child(4n+1) {
	    margin-left: 0px;
	}
	.productList ul:after {
	    content: "";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	</style>
	<div class="page">
		<div class="productList">
               <ul>
                   <li class="product">
                       <a href="partInfo.html"><img src="../images/jx_4.jpg"/></a>
                       <p>第一种类型</p>
                       <p>Product category: Power Press Machine</p>
                   </li>
                   <li class="product">
                       <a href="part.html"><img src="../images/jx_4.jpg"></a>
                       <p>第二种类型</p>
                       <p>Product category: Power Press Machine</p>
                   </li>
                   <li class="product">
                       <a href="partInfo.html"><img src="../images/jx_4.jpg"></a>
                       <p>第三种类型</p>
                       <p>Product category: Power Press Machine</p>
                   </li>
                   <li class="product">
                       <a href="partInfo.html"><img src="../images/jx_4.jpg"></a>
                       <p>第四种类型</p>
                       <p>Product category: Power Press Machine</p>
                   </li>
               </ul>
           </div>
	</div>
<jsp:include page="footer.jsp"></jsp:include>
	